import Vue from "vue";
import VueRouter from "vue-router";
import SocialSharing from "vue-social-sharing"
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import VueMotion from 'vue-motion'
import VueGitHubButtons from "vue-github-buttons"
import "vue-github-buttons/dist/vue-github-buttons.css"
import App from "./App.vue";
import '@/assets/scss/white-dashboard.scss';
import '@/assets/css/nucleo-icons.css';
import "@/assets/demo/demo.css";
import store from "./store";
import "./permission";

import GlobalComponents from "./globalComponents";
import GlobalDirectives from "./globalDirectives";
import RTLPlugin from "./RTLPlugin";
import Notify from "@/components/NotificationPlugin";
import i18n from "./i18n"
import SideBar from "@/components/SidebarPlugin";
import "../src/assets/css/tailwindcss.css"

Vue.config.productionTip = false;

// router setup
import router from "@/router/index";


Vue.use(VueRouter);
Vue.use(SocialSharing);
Vue.use(VueGitHubButtons, { useCache: true });
Vue.use(GlobalComponents);
Vue.use(GlobalDirectives);
Vue.use(RTLPlugin);
Vue.use(SideBar);
Vue.use(Notify);
Vue.use(ElementUI)
Vue.use(VueMotion)


new Vue({
  router,
  i18n,
  store,
  render: h => h(App)
}).$mount("#app");
